<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>chenwei</title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
    <header>
    	<div class="container">
    		<a href="index.html"><img src="img/logo.jpg" alt="logo"></a>
    		<nav>
	    		<a href="index.html">HOME</a>
		    	<a href="#portfolio">PORTFOLIO</a>
		    	<a href="#team">TEAM</a>
		    	<a href="#contactus">CONTACT US</a>
			</nav>
    	</div>	
    </header>
    <section class="banner">
    	<div class="welcome">
    		<h1>Welcome to Website</h1>
    		<p>Lorem ipsum dolor sit amet,consectetur elit</p>
    	</div>
    	<img src="img/banner.jpg">
    </section>
    <section class="portfolio" id="portfolio">
    	<div class="art1">
    		<h2>Portfolio</h2>
    		<p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do einusmodtempor incidiunt ut labore et<br>dolore magna.Ut enim ad minim verniam</p>
    	</div>
    	<div class="son-nav">
    			<a href="index.html">ALL</a>
		    	<a href="#">WEB</a>
		    	<a href="#">SOFTWARE</a>
		    	<a href="#">WORKS</a>
		    	<a href="#">BRANDS</a>
    	</div>
    	<img src="img/portfolio-nav-img.jpg" alt="portfolio-nav-img">
    </section>
    <section class="status">
    	<div class="art1">
			<h2>Status</h2>
			<p>Lorem ipsum dolor amet,consectetur adipiscing slit,sed do einusmodtempor incidiunt ut labore et<br>dolore magna.Ut enim ad minim verniam</p>
		</div>
		<div class="ins">
			<dl>
				<dt><img src="img/stats1.jpg" alt="Margins"></dt>
				<dd>Margins</dd>
				<dd class="number">12,000</dd>
			</dl>
			<dl>
				<dt><img src="img/stats2.jpg" alt="Completed"></dt>
				<dd>Completed</dd>
				<dd class="number">5,681</dd>
			</dl>
			<dl>
				<dt><img src="img/stats3.jpg" alt="Projects"></dt>
				<dd>Projects</dd>
				<dd class="number">432</dd>
			</dl>
			<dl>
				<dt><img src="img/stats4.jpg" alt="Customers"></dt>
				<dd>Customers</dd>
				<dd class="number">86</dd>
			</dl>
		</div>
    </section>
    <section class="team" id="team">
    	<div class="art1">
    		<h2>Team</h2>
    		<p>Lorem ipsum dolor amet,consectetur adipiscing slit,sed do einusmodtempor incidiunt ut labore et<br>dolore magna.Ut enim ad minim verniam</p>
    	</div>
    	<div class="trans">
			<div class="mate">
				<img src="img/team1.jpg" alt="Ablgail">
				<p class="teamate">Ablgail</p>
				<p>Lorem ipsum dolor sit amet,consectetur adipisic</p>
			</div>
			<div class="mate">
				<img src="img/team2.jpg" alt="Andy">
				<p class="teamate">Andy</p>
				<p>5Lorem ipsum dolor sit amet,consectetur adipisic</p>
			</div>
			<div class="mate">
				<img src="img/team3.jpg" alt="Jacqueline">
				<p class="teamate">Jacqueline</p>
				<p>Lorem ipsum dolor sit amet,consectetur adipisic</p>
			</div>
    	</div>   	
    </section>
    <section class="contactus" id="contactus">
    	<div class="art1">
    		<h2>Contact Us</h2>
    		<p>Lorem ipsum dolor amet,consectetur adipiscing slit,sed do einusmodtempor incidiunt ut labore et<br>dolore magna.Ut enim ad minim verniam</p>
    	</div>
    	<form method="post" class="form">
	    		<input  class="name" type="text" placeholder="Full Name" name="fullname">
	    		<input  class="email" type="email" placeholder="Email" name="email"><br>
	    		<textarea  class="message" name="message" placeholder="Message" id="message" cols="30" rows="10"></textarea><br>
	    		<button class="submit" type="submit">Subit Message</button>
    	</form>
    </section>
</body>
<footer>
	<p>Copyright&copy;2016.Company CHENWei</p>
</footer>
</html>